<template>
	<div>
		<!-- 三级联动已经注册成全局组件，这里可以直接使用 -->
		<TypeNav></TypeNav>
		<ListContainer></ListContainer>
		<TodayRecommend></TodayRecommend>
		<Rank></Rank>
		<Like></Like>
		<Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor" ></Floor>
		<Brand></Brand>
	</div>
</template>

<script>
	import ListContainer from '../../pages/Home/ListContainer'
	import TodayRecommend from '../../pages/Home/TodayRecommend'
	import Rank from '../../pages/Home/Rank'
	import Like from '../../pages/Home/Like'
	import Floor from '../../pages/Home/Floor'
	import Brand from '../../pages/Home/Brand'
	
	import {mapState} from 'vuex'
	export default{
		name:'Home',
		components:{
			ListContainer,
			TodayRecommend,
			Rank,
			Like,
			Floor,
			Brand
			
		},
		mounted(){
			this.$store.dispatch('getFloorList')
			// console.log(floorList)
		},
		computed:{
			...mapState({
				floorList:(state)=>state.home.floorList
			})
		}
		
	}
</script>

<style>
</style>
